<template>
    <g :transform="`translate(${point.x},${point.y})`" fill="#fff" fill-opacity="0" @mousedown="onMouseDown" @touchstart="onMouseDown" >
        <rect class="draggable-component" :data-refInfo="refInfo" x="-6" y="-6" width="12"
              height="12"></rect>
    </g>
</template>

<script>
    const {DraggableMouse} = require('../js/draggable-mouse');
    const DraggableRectWidth = 6;
    export default {
        name: "DraggableRect",
        mixins: [DraggableMouse],
        methods: {
            onMouseDown(event) {
                this.dragMouseDown(event);
            }
        },
        Width: DraggableRectWidth
    }
</script>

<style scoped>

</style>